@font-face {
  font-family: 'Dosis';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/Dosis.ttf');
  src: url('../fonts/Dosis.woff') format('woff');
  font-display:swap;
}
@font-face {
  font-family: 'Oswald-Light';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/Oswald-Light.ttf');
  src: url('../fonts/Oswald-Light.woff2') format('woff2'),
  url('../fonts/Oswald-Light.woff') format('woff');
  font-display:swap;
}


html{font-size: 16px;}
a{color: #333;transition: all 0.5s;}
a{font-size:14px;text-decoration:none; color:#000; outline:none; transition:cubic-bezier(0.215,.61,.355,1);}
/*a:hover{color: #332a9a;}*/
a:focus{outline: none;}
*{box-sizing: border-box;}
img{max-width: 100%;}
body,html{min-height:100%;}
body{font:16px "Arial","microsoft yahei","microsoft JhengHei", Helvetica, sans-serif;*font:16px "microsoft JhengHei", Helvetica, sans-serif; color:#212121;-webkit-tap-highlight-color:rgba(255,255,255,0);background-color: #fff;overflow-x: hidden;}
pre{font-family:"microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;background-color: #fff;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/
input{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;}
input[type="text"],input[type="password"],input[type="search"],textarea,select,input[type="date"]{outline: none; font-family:"SourceHanSerifCN","microsoft JhengHei";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {??color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{/*resize:none; overflow:hidden;*/}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {??color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
select{background: url(../images/icon_xiala_light.png) right 12px center no-repeat;
    background-size: 14px;
    padding-left: 25px;
    padding-right: 26px!important;}
i,em{font-style:normal;}
.wow{visibility: hidden;}
/*@media(max-width: 1199px){.wow{visibility: visible;}}*/
.left{float:left;}
.right{float:right;}
.flex{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;}
.flex-text-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}
.flex-align-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;}
.flex-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}

.flex-space-between{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.flex-space-between-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;align-items: center;-webkit-align-items: center;-ms-align-items: center;}

.flex1{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:column; -webkit-flex-direction:column;-ms-flex-direction:column;}

.flex-wrap{flex-wrap:wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flex-auto{flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;}

.tran03{-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.tran1{-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.tran06{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

.container{ margin:auto; position:relative;}
.container1400{max-width:1420px; margin:auto; position:relative; padding:0 10px;}
.blue{color:#1e4fdb;}
.l-grid-2>li{width:50%; float:left;}
.l-grid-3>li{width:33.333333333333336%; float:left;}
.l-grid-4>li{width:25%; float:left;}
.l-grid-5>li{width:20%; float:left;}
.l-grid-6>li{width:16.666666666666668%; float:left;}
/*???/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*????????*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/*.preload{width: 100vw;height: 100vh;background-color: #fff;position: fixed;top: 0;left: 0;z-index: 9999;display: none;}
.pace-done .preload{visibility: hidden;opacity: 0;}
.pace{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 10000;display: none;}
.index_page .preload{display: block;}
.index_page .pace{display: block;}*/

.container{width: 75%;margin-left: auto;margin-right: auto;}
.headtop{position:relative; z-index: 1;height: 110px;background-color: #fff; top:0; left:0; width:100%; z-index:100; }
.toptext{height: 40px;line-height: 40px;font-size: 14px; background-color: #053b95;color: #fff;position: relative;z-index: 1;}
.toptext .leftcon span{padding: 10px 40px 10px 28px;}
.toptext .leftcon .tel{background:url(../images/tel_l.jpg) left center no-repeat; }
.toptext .leftcon .email{background:url(../images/emaill.jpg) left center no-repeat; }
.toptext .rightcon a{padding: 10px 10px;}
.toptext .rightcon{background:url(../images/global.jpg) left center no-repeat; }
.toptext a {color: #fff;}
.toptext a:hover {color: #fd8100;}
.toptext .leftcon{float: left;}
.toptext .rightcon{float: right;padding-left: 26px;}
.head{position:absolute; top:0; left:0; width:100%; height:110px; box-sizing:border-box; z-index:100; transition:all 0.35s;background-color: transparent;padding-top: 15px;}
.head .container{height: 100%;}
.head .logo{width: 40%; float: left;transition: all 0.5s;margin-top: 4px;}
.head .logo a{display: block;width: 100%;height: 100%;overflow: hidden;}
.head .logo .img{width: 21.3%;height: 80px;float: left;background: url(../images/logo.png) left center no-repeat;background-size: 100%;margin-right: 10px; }
.head .logo .text{}
.head .logo .text .title{font-size: 1.4vw;color: #053b95;font-weight: bold;height: 40px;line-height: 40px;text-transform: uppercase;}
.head .logo .text .desc{font-size: 0.95vw;height: 20px;line-height: 20px;color: #333333;}
.head .rightnav .search{width: 210px;height: 35px;border-radius: 35px;background-color: #efefef;padding: 0 20px;margin-bottom: 2px;line-height: 35px;float: right;}
.head .search .keywords{width: 130px;display: inline-block;vertical-align: middle;border: none;}
.head .search .smt{width: 30px;display: inline-block;vertical-align: middle;margin-left: 5px;border: none;background: url(../images/icon_search.png) center no-repeat;text-indent: -999px;overflow: hidden;}
.head .rightnav{float: right;height: 58px;}
.head .rightnav>ul{ height: 58px;float: left;width: 100%;clear: both;}
.head .rightnav>ul>li{height: 100%;line-height: 58px;float: left;position:relative;transition: all 0.5s;}
.head .rightnav>ul>li>a{display: block;padding: 0 0.9vw;margin: 0 0.3vw; position: relative;z-index: 9;height: 100%;font-size: 16px;color: #666666;}
.gnb-2dep{
    position:absolute; top:100%; left:0; z-index:99;text-align:left; visibility:hidden;opacity:0;filter:Alpha(opacity=0);width: 190px;transition: all 0.5s;
}
.gnb-2dep ul{overflow: hidden;position: relative;z-index: 2;background: #ffffff;}
.gnb-2dep ul li{line-height: 49px;height: 49px;overflow: hidden;border-bottom: 1px solid #ccc;}
.gnb-2dep ul a{padding-left: 20px;color: #333;}
.gnb-2dep.open{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}


.head .rightnav ul li a:hover{color: #fd8100!important;}

/*.head .rightnav li.cur a,.head .rightnav li.hover a,.head .rightnav li a:hover{color: #003b8f;}*/
.head .rightnav li.bigclass>a:after{position: absolute;z-index: 2; width: 0;height: 3px; left: 50%; bottom: 0px;background-color: #ffffff;content: "";-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; transform: translateX(-50%) scale3d(0,1,1);}
.headtop.headHover li.bigclass>a:after,.headtop.scroll .bigclass >li>a:after{background-color: #fd8100;}
/*.head .rightnav li a:after{}*/
.head .rightnav li.bigclass.cur>a:after{width: 100%;transform: translateX(-50%) scale3d(1,1,1);background-color: #fd8100;}


.lh-search {
	float: left;position: relative;height: 35px;width: 35px;margin: 26px 0 0 1vw;transition: ease .45s;
}
.lh-search input {height: 35px;line-height: 35px;background: #fff;border: none;padding: 0;transform: scaleX(0);transform-origin: center right;border-bottom: 1px solid #6D6D6D;
}
.lh-search a {color: #fff;line-height: 35px;display: block;width: 35px;position: absolute;right: 0;top: 0;text-align: center;
}
.Search .lh-search{width:10vw;}
.Search .lh-search input[name='keyword']{padding:0 12px;transform:scaleX(1);width: 130px;background-color: transparent;}
.Search .lh-search a{color:#000;}

.menunav{float: left;width: 40px;height: 40px;background: url(../images/icon_menu_w.png) center no-repeat;margin: 22px 0 0 1vw;cursor: pointer;transition: ease .45s;display: none;}


.headtop.scroll .head{height:70px; line-height:70px;}
.headtop.scroll .rightnav>ul>li{line-height: 70px;}

.headtop.headHover .head,.headtop.scroll .head{background-color: #fff;box-shadow: 0 0 3px #ccc;}
.headtop.headHover .head .rightnav>ul>li>a,.headtop.scroll .head .rightnav>ul>li>a{color: #333;}
.headtop.headHover .head .logo .img,.headtop.scroll .head .logo .img{background-image: url(../images/logo.png);}
.headtop.scroll .head .logo{margin-top: 0;}
.headtop.scroll .lh-search{margin-top: 15px;}
.headtop.scroll .menunav{margin-top: 14px;}
.headtop.headHover .lh-search a,.headtop.scroll .lh-search a{color: #333;}
.headtop.headHover .menunav,.headtop.scroll .menunav{background-image: url(../images/icon_menu_b.png);}

/* Member pager common CSS */
.headtop.scroll .subnavwarp{top: 70px;}

.subnavwarp{position: absolute;left: 0;top: 86px;width: 100%;height: 7.5rem;z-index: 100;background-color: #fff;display: none;box-shadow: 0 0 3px #ccc;}
.headtop.scroll .subnavwarp{top: 70px;}
.subnavwarp .con{position: relative;padding-top: 1.5rem;padding-bottom: 1.5rem;display: none;}
.subnavwarp .con[data-typeid='6']{text-align: right;}
.subnavwarp .con[data-typeid='6'] .xialanav{margin-right: 5rem;}
.subnavwarp .con[data-typeid='5']{text-align: right;}
.subnavwarp .con[data-typeid='5'] .xialanav{margin-right: 10rem;}
.subnavwarp .con[data-typeid='1'] .name{margin-left: 20.0rem;}
.subnavwarp .con[data-typeid='2'] .name{margin-left: 26.0rem;}
.subnavwarp .con[data-typeid='3'] .name{margin-left: 30.0rem;}
.subnavwarp .con[data-typeid='4'] .name{margin-left: 33.0rem;}
.subnavwarp .name{padding-right: 4.4rem;border-right: 1px solid #ccc;display: inline-block; vertical-align: top; height: 80px;line-height: 80px;font-size: 20px;color: #0d2d9d;}
.subnavwarp .xialanav{padding-left: 4.4rem;height: 80px;display: inline-block; vertical-align: top;margin-left: -29px;margin-right: -29px;}
.subnavwarp .xialanav a{float: left;display: block; padding: 0 29px;height: 100%;font-size: 16px;color: #4b4b4b; padding-top: 50px;position: relative;transition: all 0.5s;}
.subnavwarp .xialanav a .iconfont{font-size: 35px;position: absolute;width: 50px;height: 50px;left: 50%;margin-left: -25px;top: 0;text-align: center;line-height: 50px; color: #888888;transition: all 0.5s;}
.subnavwarp .xialanav a:hover{color: #0d2d9d;}
.subnavwarp .xialanav a:hover .iconfont{color: #0d2d9d;}
.subnavwarp .xialanav a:before{position: absolute; width: 34px;height: 34px;top: 5px;left: 50%;margin-left: -17px;background-repeat: no-repeat;background-size: 285px;content: "";-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;display: none;}
.subnavwarp .xialanav.yewu a:before{background-image: url(../images/icon_yewunav.png);}

.subnavwarp .xialanav.yewu a.yewuicon_5:before{background-position: 0 0px;}
.subnavwarp .xialanav.yewu a.yewuicon_2:before{background-position: -34px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_3:before{background-position: -68px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_8:before{background-position: -102px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_4:before{background-position: -136px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_7:before{background-position: -173px 0;width: 45px;}
.subnavwarp .xialanav.yewu a.yewuicon_1:before{background-position: -217px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_6:before{background-position: -251px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_5:hover:before{background-position: 0 -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_2:hover:before{background-position: -34px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_3:hover:before{background-position: -68px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_8:hover:before{background-position: -102px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_4:hover:before{background-position: -136px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_7:hover:before{background-position: -173px -34px;width: 45px;}
.subnavwarp .xialanav.yewu a.yewuicon_1:hover:before{background-position: -217px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_6:hover:before{background-position: -251px -34px;}

.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_2:hover:before{background-position: -34px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_3:hover:before{background-position: -68px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_4:hover:before{background-position: -136px -39px;}

.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_2:hover:before{background-position: -34px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_3:hover:before{background-position: -68px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_4:hover:before{background-position: -136px -39px;}

.subnavwarp>div:nth-child(6) .xialanav.yewu a.yewuicon_2:before{background-position: 0 0;}
.subnavwarp>div:nth-child(6) .xialanav.yewu a.yewuicon_2:hover:before{background-position: 0 -34px;}
.subnavwarp>div:nth-child(4) .xialanav.yewu a.yewuicon_2:before{background-position: 0 0;}
.subnavwarp>div:nth-child(4) .xialanav.yewu a.yewuicon_2:hover:before{background-position: 0 -34px;}

.subnavwarp>div:nth-child(1) .xialanav.yewu a:before,.subnavwarp>div:nth-child(3) .xialanav.yewu a:before{background-image: url(../images/icon_yewunav2.png);}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(1):before{background-position: -1px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(1):hover:before{background-position: -1px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(2):before{background-position: -35px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(2):hover:before{background-position: -35px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(3):before{background-position: -100px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(3):hover:before{background-position: -100px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(4):before{background-position: -68px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(4):hover:before{background-position: -68px -39px;}

.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(1):before{background-position: -175px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(1):hover:before{background-position: -175px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(2):before{background-position: -177px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(2):hover:before{background-position: -177px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(3):before{background-position: -213px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(3):hover:before{background-position: -213px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(4):before{background-position: -251px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(4):hover:before{background-position: -251px -39px;}

/*.subnavwarp .con{position: relative;display: none;width: 80%;margin: 0 auto;}
.subnavwarp .con .left {float: left;width: 28.5%;}
.subnavwarp .con .tu {padding-top: 2rem;}
.subnavwarp .con .tu img {width: 100%;}
.subnavwarp .con  ul.subnav {float: left;width: 30%;margin-left: 10%;margin-top: -0.5rem;}
.subnavwarp .con ul.subnav li {padding-top: 0.5rem;padding-bottom: 0.5rem;
   	line-height: 2;border-bottom: 1px dashed #ccc??}
.subnavwarp .con ul.subnav li a {font-size: 0.9rem;display: block;color: #333;font-weight: bold;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.subnavwarp .con  ul.subnav li:hover a {color: #332a9a;}
.subnavwarp .con ul.subnav li a:after{content:'??';font-family: iconfont;font-size: 0.9rem;color:#332a9a;position: absolute;right:4rem;top:0;opacity: 0;transition: all 0.5s;}
.subnavwarp .con ul.subnav li a:hover:after{right:3.5rem;opacity: 1;}

.subnavwarp .con .right {float: left;width: 71.5%;padding-top: 2rem;}
.subnavwarp .con .right .brief {float: left;width: 60%;padding-left: 4rem;padding-top: 0;}
.box .right .brief h2 {font-size: 1.2rem;font-weight: bold;color: #333;}
.subnavwarp .con .right .brief p {font-size: 0.8rem;color: #666;line-height: 1.8;text-align: justify;margin: 1.5rem 0 1.5rem;}
.subnavwarp .con .right .brief .more {width: 7.5rem;height: 2.7rem;background-color: #0796d8;background-size: 200% auto;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;position: relative;overflow: hidden;}
.subnavwarp .con .right .brief .more:hover{background-color: #005aab;}
.subnavwarp .con .right .brief .more a {display: block;text-align: center;font-size: 0.8rem;color: #fff;line-height: 2.7rem;position: relative;z-index: 1;}*/




body{padding-bottom: 15.5rem;}
/* FOOTER */
.footer{ background-color: transparent;background-image:url(../images/footer_bg.jpg);background-attachment:fixed; background-repeat:no-repeat;background-size: cover; background-position:center bottom; color: #ccc;position: fixed;width: 100%;left: 0;bottom: 0;z-index: 0;}
.foot_top{border-bottom: 1px solid #565555;padding: 3.3vw 0;}
.foot_top .item{width: 33.33%;float: left; padding-left: 6%;padding-right: 3%;}
.foot_top .item .con{padding-left: 5.625rem;height: 60px;padding-top: 10px;padding-bottom: 10px; background: url(../images/icon_addr_w.png) left center no-repeat;background-size: 57px;color: #fff;}
.foot_top .item:nth-child(1){padding-left: 0;}
.foot_top .item:nth-child(2) .con{background-image: url(../images/icon_tel_w.png);}
.foot_top .item:nth-child(3) .con{background-image: url(../images/icon_email_w.png);}
.foot_top .item .name{font-size: 1.125rem;}
.foot_top .item .desc{font-size: 1.0rem;margin-top: 5px;}
.footer .content{position:relative;padding-top: 3.3vw;padding-bottom: 2rem; }
.footer .leftcon {position:relative; width:50%;margin-right: 0; float: left;}
.footer .foot_logo {display: block;width: 274px; height:90px; cursor: pointer;  background:url(../images/logo_foot_w.png) left top no-repeat;background-size: 274px; text-indent:-9999px;border-bottom: 1px solid #fff;}
.footer .leftcon .desc{font-size: 1.2rem;width: 260px;margin-top: 1.5rem;line-height: 1.5;}
.footer .leftcon .fxcon{margin-top: 1.5rem;}
.footer .leftcon .fxcon a{width: 30px;height: 30px;display: inline-block;vertical-align: top;margin-right: 20px;background: url(../images/icon_weixin.png) center no-repeat;}
.footer .leftcon .fxcon .weixin{position: relative;}
/*.footer .leftcon .fxcon .weixin img{position: absolute;width: 110px;height: 110px;}*/
.footer .leftcon .fxcon a.qq{background-image: url(../images/icon_qq.png);}
.footer .leftcon .fxcon a.weibo{background-image: url(../images/icon_weibo.png);}

.footer .foot_lnk {position:relative; float: left;padding-left: 10%;padding-right: 10%;border-left: 1px solid #555555;  }
.footer .foot_lnk:first-child{border-left: 0 solid #000;padding-left: 0;}
.footer .foot_lnk:last-child{padding-right: 0;}
.footer .foot_lnk h4{font-size: 1.125rem;text-transform: uppercase}
.footer .foot_lnk li {}
.footer .foot_lnk li a {display:block; width:100%; height:100%;  font-size:1.0rem; line-height:24px; letter-spacing:-0.045rem; color:#ccc; margin:0 0.75rem 0.75rem 0;}
.footer .foot_lnk li a:hover{color: #fd8100;}
.foot_form {width: 50%;float: left;}
.foot_form .item{width: 49%;float: left;margin-right: 2%;margin-bottom: 2%;color: #fff;}
.foot_form .item.item2{width: 100%;margin-right: 0;}
.foot_form .item .input{height: 3.25rem;border: 1px solid #565555;color: #fff;padding: 6px 15px;font-size: 1.0rem;}
.foot_form .item textarea{height: 6.4375rem;border: 1px solid #565555;color: #fff;padding: 6px 15px;font-size: 1.0rem;}
.foot_form .submit{width: 100%;}
.foot_form .submit input{display: block; width: 100%;height: 3.25rem;background-color: #fd8100;color: #fff;border-radius: 0;border: 0;line-height: 3.25rem;text-align: center;transition: all 0.4s;}
.foot_form .submit input:hover{background-color: #fff;color: #fd8100;}
.mr0{margin-right: 0!important;font-size: 1.0rem;}

.footer h4{padding-top: 1rem;margin-bottom: 1.5rem; border-top: 0px solid #ccc;color: #fff;font-size: 0.9rem;}
.footer .foot_info {position:relative;  max-width:25%; float: left;border-top: 1px solid #fff;}
.footer .foot_info p { font-size:0.8rem; line-height:24px; color:#ccc; margin-bottom:0.75rem;}
.footer .wxewm{}
.footer .wxewm .con{width: 114px;text-align: center;display: inline-block;vertical-align: middle;}
.footer .wxewm .img{width: 114px;height: 114px;line-height: 110px;padding: 2px;background: url(../images/wxewm_bg.png) center no-repeat;}
.footer .wxewm .img img{max-width: 100px;vertical-align: middle;}
.footer .wxewm p{line-height: 1.5;margin-top: 0.5rem;}

.footer .foot_flnk {position:relative; width:30%;float: right;margin-right: 5%; position: relative;padding-right: 85px;}
.footer .foot_flnk .name{position: absolute;left: 0;top: 0;font-size: 0.8rem;}
.footer .foot_flnk .flinks{}
.footer .foot_flnk li{display: block;}
.footer .foot_flnk li a { width:100%; height:100%;  font-size:0.8rem; line-height:24px; letter-spacing:-0.045rem; color:#ccc; margin:0 10px 10px 0;}

.footer .powerby{border-top: 1px solid #565555;padding: 1.0rem 0;color: #ccc;text-align: center;font-size: 1.0rem;}
.footer .powerby a{color: #ccc;padding: 0 10px;font-size: 1.0rem;}
.footer .powerby a:hover{text-decoration: underline;}
.footer .powerby .left{width: 80%;float: left;}
.footer .powerby .right{width: 20%;float: right;}

.z_menu_mask{ width: 100%; height: 100vh; transition: ease 1s; transform: translateY(-100%);-ms-transform: translateY(-100%); visibility: hidden;  background:#fff; position: fixed; left: 0; top: 0; z-index: 101; background:url(../images/banner1.jpg) no-repeat bottom center; background-size: cover;opacity: 0;color: #fff;}
.z_menu_mask.on{ transform: translateY(0);-ms-transform: translateY(0); visibility: visible;opacity: 1;}
.z_menu_header{ width: 100%; height: 100px; border-bottom: 1px solid #E5E5E5;  position: relative; padding: 0 10vw; padding-right: 0;}
.z_menu_logo{width: 197px;margin-top: 30px;float: left;}
.z_menu_close{ cursor: pointer; font-size: 20px!important;font-weight: bold; position: absolute; right:4vw; top: 50%; transform: translateY(-50%);background: url(../images/icon_close_w.png) center no-repeat;background-size: 30px;width: 40px;height: 40px;}
.z_menu_header .icon-l-close:before{font-size: 32px;}
.z_menu_header .z_search{ color: #fff; float: right;margin-top: 30px;margin-right: 10vw;}
.z_menu_header .z_search .icon,.z_menu_header .z_search .text{ color: #fff;}
.z_menu_header .z_search .text{ display: inline-block; color: #fff; margin-left: 10px; width: auto;}
.z_menu_header .z_search .text::-webkit-input-placeholder { /* WebKit browsers */color: #fff;}
.z_menu_header .z_search .text::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;}
.z_menu_header .z_search .text:-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff;}
.z_menu_btmwarp{ width: 100%; padding: 0 10vw; box-sizing: border-box;}
.z_menu_nav{ padding: 3.125vw 0; border-bottom: 1px solid  #E5E5E5; margin-bottom: 3.125vw;}
.z_menu_nav ul{ display: flex; justify-content: space-between;}
.z_menu_nav li{ display: inline-block;}
.z_menu_nav li a{ display: block;font-size: 16px;font-weight: 500;color: #ffffff;line-height: 40px;}
.z_menu_nav li h3 a{ font-weight: bold;color: #ffffff;}
.z_menu_nav li a:hover{ color: #6510AD;}
.z_menu_contact .z_footer_tel{ margin-bottom: 2vw;}
.z_menu_contact h3{margin-top: 15px;}

.cursor{width:40px; height:40px; position:absolute; left:0; top:0;pointer-events: none;margin: -25px 0 0 -25px; z-index: 12;  visibility:hidden;}
.cursor:before{content: '';display: block;width: 100%;height: 100%; background:#fff; border-radius: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor.nav:before{ background: none; border:1px solid #fff;width:80px;height: 30px; border-radius: 15px;}
.cursor.btn:before{width:6rem; height:6rem;}
.cursor.btn2:before{width:100%; height:100%; border:1px solid #f4f4f4; background: none; }
.cursor,
.cursor::after {
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference
}



.preload {position: fixed;left: 0;top: 0;right: 0;height: 100%;z-index: 1000;background: #fff;-webkit-transition: background-color .5s;transition: background-color .5s;-webkit-transform-origin: 50% 42%;-ms-transform-origin: 50% 42%;transform-origin: 50% 42%}
.preload.is-loaded {    background: 0 0}
.preload.is-animate-out {    -webkit-transform: scale(5);    -ms-transform: scale(5);    transform: scale(5);    opacity: 0;    -webkit-transition: opacity 1s,-webkit-transform 1s;    transition: opacity 1s,-webkit-transform 1s;    transition: transform 1s,opacity 1s;    transition: transform 1s,opacity 1s,-webkit-transform 1s}
.preload.is-paused .preload__progress {    -webkit-transform: scale(0);    -ms-transform: scale(0);    transform: scale(0)}
.preload.is-paused .preload__progress-inner {    -webkit-animation: none;    animation: none}
.preload.is-clean {    background: 0 0;    z-index: -1;    -webkit-transition: none;    transition: none}
.preload.is-clean .preload__bg {    display: none}
.preload.is-clean .preload__progress {    background: rgba(0,0,0,.5);    top: 50%}
.preload.is-clean .preload__progress-inner {    background: #35373b}
.preload.is-clean-paused .preload__progress-inner {    -webkit-animation: none;    animation: none}
.preload__bg {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%}
.preload__progress {    position: absolute;    top: 50%;    left: 50%;    width: 200px;    margin:-1px 0 0 -100px;    height: 1px;    background: rgba(255,255,255,.15);    -webkit-transition: .3s;    transition: .3s}.preload__progress.hid{    left: 0;    width: 100%;}

.preload__progress-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;-webkit-animation: preloadLine 1.6s both infinite;animation: preloadLine 1.6s both infinite;
}

@-webkit-keyframes preloadLine {
    2% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
    48% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    52% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    98% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
}

@keyframes preloadLine {
    2% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
    48% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    52% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    98% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
}

.load-bg{height: 100%;width: 100%;position: fixed;top: 0;left: 0;overflow: hidden;z-index:999;}
.load-bg .top{height: 50%;width: 100%;background-color: rgba(255, 255, 255, 0.5);position: absolute;top: 0;left: 0;}
.load-bg .top i{display: block;width: 200px;height: 1px;background-color: #555;position: absolute;bottom: 0;left:50%;margin-left: -100px;-webkit-transition: .5s;transition: .5s;}
.load-bg .top i.on{left:0%;margin-left: 0px;width:100%;}
.load-bg .bot{bottom: 0;left: 0;position: absolute;width: 100%;height:50%;background-color: rgba(255, 255, 255, 0.5);}

/*?ҳ?????*/
.load-bg,.preload{display: none;}
.index_page .load-bg,.index_page .preload{display: block;}

/*??????/
.side-always{position:fixed;z-index:19;width:56px;height:260px;right:12px;top:50%;margin-top:-130px;box-sizing:border-box;opacity: 0;visibility:hidden;}
.side-always .side-items{display:block;position:relative;overflow:visible;background-color:#f5f5f5;cursor:pointer;width:56px;height:56px;transition-duration:.3s}
.side-always .side-items:hover{background:#004098}
.side-always .side-ico{position:relative;z-index:4;width:56px;height:56px;transition-duration:.3s;background-size:23px !important;box-shadow:0 0 2px rgba(0,0,0,0.1);line-height:56px;}
.side-always .side-ico i{text-align:center;display:block;height: 56px;}
.side-always .side-ico .tel{background-image: url(../images/icon_tel_blue.png);background-repeat: no-repeat;background-position: center;}
.side-always .side-items:hover .side-ico .tel{background-image: url(../images/icon_tel_white.png);}
.side-always .side-ico .weixin{background-image: url(../images/icon_weixin_blue.png);background-repeat: no-repeat;background-position: center;}
.side-always .side-items:hover .side-ico .weixin{background-image: url(../images/icon_weixin_white.png);}
.side-always .side-ico .kefu{background-image: url(../images/icon_kefu_blue.png);background-repeat: no-repeat;background-position: center;background-size: 28px;}
.side-always .side-items:hover .side-ico .kefu{background-image: url(../images/icon_kefu_w.png);}
.side-always .side-ico .backtop{background-image: url(../images/icon_backtop_blue.png);background-repeat: no-repeat;background-position: center;background-size: 28px;}
.side-always .side-items:hover .side-ico .backtop{background-image: url(../images/icon_backtop_w.png);}

.side-always .tele-item .side-ico{color:#004098;font-size:28px}
.side-always .tele-item:hover .side-ico{color:#fff}
.side-always .q-item .side-ico{color:#004098;font-size:34px}
.side-always .qq-item:hover .side-ico{color:#fff}
.side-always .qq-item .side-ico{color:#004098;}
.side-always .qq-item:hover .side-ico{color:#fff}
.side-always .ewm-item .side-ico{color:#004098;}
.side-always .ewm-item:hover .side-ico{color:#fff}
.side-always .toTop-item .side-ico{color:#004098;}
.side-always .toTop-item:hover .side-ico{color:#fff}
.side-always .side-tele{position:absolute;display:none;width:170px;height:56px;box-sizing:border-box;font-size:18px;font-weight:bold;line-height:56px;color:#fff;left:-171px;top:50%;margin-top:-28px;background-color:#e60039}
.side-always .side-tele-content{display:block;padding:0 10px;text-align:center}
.side-always .side-ewm{position:absolute;display:none;width:110px;height:110px;background:#fff;padding:5px;box-sizing:border-box;right:104%;top:50%;margin-top:-55px}

.PosFixedNavBlock{position: fixed;bottom: 120px;right: 5px;width: 70px;z-index : 99;}
.PosFixedNav{background: #E6251F;border-radius: 4px;}
.PosFixedNavTop{margin-top :10px;background: #fff;border-radius: 4px;opacity: 0;visibility: hidden;transition: all 0.5s;}
.PosFixedNavTop.show{opacity: 1;visibility: visible;}
.PosFixedNavItem{padding: 10px;display: block;text-align: center;position: relative;}

.PosFixedNavItem.Act{background:#FF3C36;}
.PosFixedNavTop .PosFixedNavItem.Act{background : #fff;border-radius: 4px;}
.PosFixedNavTop .PosFixedNavItem.Act .PosFixedNavItemTxt{color : #FF3C36 ;}

.PosFixedNavItem img{width: 24px;}
.PosFixedNavItem:first-child{border-radius: 4px 4px 0 0 ;}
.PosFixedNavItem:last-child{border-radius: 0 0 4px 4px;}
.PosFixedNav .PosFixedNavItem .PosFixedNavItemTxt{padding-top: 5px;font-size: 12px;color: #FFFFFF;}

.PosFixedNavTop .PosFixedNavItem .PosFixedNavItemTxt{padding-top: 5px;font-size: 12px;color: #666;}
.PosFixedNavHide{padding: 10px 10px 10px 15px;position: absolute;top: 0;left: -196px;width: 195px;height: 55px;background: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(206,206,206,0.50);border-radius: 2px;display: flex;align-items: center;}
.PosFixedNavHide img{width: auto;margin-right: 10px;}
.PosFixedNavHideCont{text-align: center;}
.PosFixedNavHideCont div{text-align: left;margin-left: 7px;padding-top: 0px;padding-bottom: 0px;}
.PosFixedNavHideCont div:nth-child(1){color: #222222;}
.PosFixedNavHideCont div:nth-child(2){color: #2A2A2A;}
.PosFixedNavHideCont div:nth-child(2) span{color: #E6251F;font-size: 16px;}


.m_kefu{position: fixed;z-index: 11;}
.zxkf{position: fixed;z-index: 11;width: 88%;height: 42px;line-height: 42px; left: 6%;bottom: 15px;display: flex;align-items: center;justify-content: center;background-color: #393199;border-radius: 42px;/*opacity: 0;visibility: hidden;*/transition: all 0.5s;}
.zxkf.show{opacity: 1;visibility: visible;}
.zxkf .icon{width: 28px;height: 28px;background: url(../images/icon_kefu.png) center;background-size: 28px;margin-right: 20px;}
.zxkf .name{font-size: 16px;font-weight: bold;color: #fff;}
.zixun_tel{bottom: 250px;right: 5px;width: 60px;height: 60px;overflow: visible;background-color: transparent;transform: translateZ(0px);position: fixed;z-index: 10000 !important;  }
.zixun_tel_wrap {position: relative;display: block;cursor: pointer;width: 60px;height: 60px;background-image: url(../images/zixun_tel_bg.png);background-size: 100% 100%;}
.zixun_tel .img{position: absolute;top: 10px;left: 10px;width: 1.58125rem;height: 1.58125rem;transform-origin: center center;animation: shake2 4s linear infinite;}
.zixun_tel .text{position: absolute;left: 0;bottom: 0;width: 60px;height: 24px;text-align: center;line-height: 24px;color: #fff;}
@keyframes shake2 {
    0% {transform: rotate(0) scale(1);}
    4% {transform: rotate(20deg) scale(1.2);}
    8% {transform: rotate(0) scale(1);}
    13% {transform: rotate(20deg) scale(1.2);}
    17% {transform: rotate(0) scale(1);}
    33% {transform: rotate(0) scale(1);}
    38% {transform: rotate(20deg) scale(1.2);}
    42% {transform: rotate(0) scale(1);}
    46% {transform: rotate(20deg) scale(1.2);}
    50% {transform: rotate(0) scale(1);}
    100% {transform: rotate(0) scale(1);}
}



.l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 60px;
    -webkit-transition: all 500ms ease!important;
    transition: all 500ms ease!important;
    z-index: 100;
    background-color: #fff;
    display: none;
}
.l-header__gnav__toggler{background-color: transparent;}
.l-header__gnav__toggler>span{background-color: #333;}
.l-header.scroll .l-header__gnav__toggler>span{background-color: #333;}
.l-header.scroll{background-color: #fff;}

@media (min-width:0px) {
    .l-header {
        height: 60px
    }
}
.l-header__gnav,.l-header__logo {
    left: 0
}

.l-header__contact {
    right: 0
}

.l-header__contact,.l-header__gnav,.l-header__logo {
    position: absolute;
    -webkit-transition: -webkit-transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease,-webkit-transform 500ms ease
}

.l-header__contact,.l-header__gnav {
    top: 0
}


.l-header__logo {
    top: 0;
    left: 0;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15px;
    /*background: #fff;*/
    /*border-left: 1px solid #000*/
}

.l-header__logo {
        left: 0;
        height: 60px;
        padding: 0 15px
    }

.l-header__logo a{
        display: block;
        height: auto;
        width: 75px;height: 48px;
        background: url(../images/logo.png) center no-repeat;background-size: 100%;
    }
.l-header.scroll .l-header__logo a{background-image: url(../images/logo.png);}

.l-header__gnav__toggler[aria-expanded=true] .l-header__logo{}

html.is-scrolled.is-header-top .l-header__logo .txt1 {
    fill: #333
}

html.is-scrolled.is-header-top .l-header__logo .txt2 {
    fill: #24325c
}

.l-header__logo a {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.l-header .l-header__helpnav {
    position: absolute;
    top: 0;
    right: 218px;
    height: 120px
}

@media (min-width:0px) {
    .l-header .l-header__helpnav {
        display: none
    }
}

.l-header__contact,.l-header__contact a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-header__contact {
    padding: 28px;
    width: 218px;
    height: 120px
}

@media (min-width:0px) {
    .l-header__contact {
        display: none
    }
}

.l-header__contact a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #fff;
    background: #1b244a;
    text-decoration: none;
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease
}

.l-header__contact a:hover {
    background: #050d33
}

.l-header__contact__ja {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .02em
}

.l-header__contact__en {
    font-size: 10px;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    letter-spacing: .08em
}
.langen{width: 60px;height:40px;position: absolute;right: 55px;top: 10px;display: block;}
.langen .img{background: url(../images/icon_global.png) center no-repeat;width: 20px; height: 20px;display: block; margin: 0 auto;background-size: 20px;}
.langen .text{text-align: center;font-size: 12px;line-height: 1.5;}
.l-header__gnav{position: relative;}
.l-header__gnav__toggler {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    color: inherit;
    background: 0 0;
    font: inherit;
    line-height: inherit;
    padding: 0;
    position: relative;
    height: 120px;
    width: calc(120px - 1px);
    cursor: pointer;
    outline: 0;
    z-index: 1;
    vertical-align: bottom;
    right: 0;
    position: absolute;
    transition: all 0.5s ease;
}
.l-header__gnav__toggler .text{margin-top: 18px;}
.l-header__gnav__toggler {
        height: 60px;
        width: 50px
    }
@media (min-width:0px) {
    .l-header__gnav__toggler {
        height: 60px;
        width: 50px
    }
}

.l-header__gnav__toggler>span {
    position: absolute;
    right: 39px;
    height: 1px;
    /*background: #aaa;*/
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span {
        right: 12px
    }
}

html.is-scrolled.is-header-top .l-header__gnav__toggler>span {
    background: #aaa
}

.l-header__gnav__toggler>span:nth-child(1) {
    top: 46px;
    width: 42px
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span:nth-child(1) {
        top: 20px;
        width: 25px
    }
}

.l-header__gnav__toggler>span:nth-child(2) {
    top: 59px;
    width: 30px
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span:nth-child(2) {
        top: 28px;
        width: 20px
    }
}

.l-header__gnav__toggler>span:nth-child(3) {
    top: 72px;
    width: 22px
}

@media (min-width:0px) {
    .l-header__gnav__toggler>span:nth-child(3) {
        top: 36px;
        width: 15px
    }
}

.l-header__gnav__toggler:hover>span:nth-child(1) {
    -webkit-animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover;
    animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover
}

.l-header__gnav__toggler:hover>span:nth-child(2) {
    -webkit-animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover;
    animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover
}

.l-header__gnav__toggler:hover>span:nth-child(3) {
    -webkit-animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover;
    animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover
}

@media (min-width:0px) {
    .l-header__gnav__toggler:hover>span:nth-child(1) {
        -webkit-animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover-sp
    }

    .l-header__gnav__toggler:hover>span:nth-child(2) {
        -webkit-animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover-sp
    }

    .l-header__gnav__toggler:hover>span:nth-child(3) {
        -webkit-animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover-sp
    }
}

.l-header__gnav__toggler[aria-expanded=true],.l-header__gnav__toggler[aria-expanded=true]:hover {
    background: 0 0!important
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span,.l-header__gnav__toggler[aria-expanded=true]>span {
    -webkit-animation: none;
    animation: none;
    background: #fff!important
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(1),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(1) {
    width: 40px;
    -webkit-transform: translate(1px,8px) rotate(45deg);
    transform: translate(1px,8px) rotate(45deg)
}

@media (min-width:0px) {
    .l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(1),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(1) {
        width: 25px;
        -webkit-transform: translate(3px,10px) rotate(45deg);
        transform: translate(3px,10px) rotate(45deg)
    }
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(2),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(3),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(3) {
    width: 40px;
    -webkit-transform: translate(1px,-18px) rotate(-45deg);
    transform: translate(1px,-18px) rotate(-45deg)
}

@media (min-width:0px) {
    .l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(3),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(3) {
        width: 25px;
        -webkit-transform: translate(3px,-6px) rotate(-45deg);
        transform: translate(3px,-6px) rotate(-45deg)
    }
}

.l-gnav {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*-webkit-transition: all 200ms ease;
    transition: all 200ms ease;*/
    pointer-events: auto;
    visibility: visible;
}
.open+.l-gnav{
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

html.is-unloading .l-gnav {
    opacity: 0;
    left: -40px;
    pointer-events: none
}

.l-gnav[aria-hidden] {
    opacity: 0;
    /*-webkit-transform: scale(1.05);
    transform: scale(1.05);*/
    pointer-events: none;
    visibility: hidden;
    
}

.l-gnav,.l-gnav__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.l-gnav__content {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgb(5 59 149 / 95%);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.l-gnav__content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 40px 20px 50px
}



.l-gnav__content__col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

@media (min-width:0px) {
    .l-gnav__content__col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.l-gnav__content__col--1 {
    padding-right: 6.25vw;
    border-right: 1px solid rgba(255,255,255,.3)
}

@media (min-width:0px) {
    .l-gnav__content__col--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        border-right: none
    }
}

.l-gnav__content__col--2 {
    padding-left: 0
}

@media (min-width:0px) {
    .l-gnav__content__col--2 {
        padding-left: 0
    }
}

.l-gnav__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.1;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    color: #fff;
    padding-top: 3.125vw
}

.l-gnav__title {
        display: none;
        margin: 0 -20px 30px
    }
.l-gnav__title--sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }



.l-gnav__title__1 {
    font-size: 64px;
    font-weight: 300;
    line-height: 1.03125
}
.l-gnav__title__1 {
        font-size: 20px;
        line-height: 1.07143;text-transform: uppercase;
    }

@media (min-width:0px) {
    
}


.l-gnav__title__2 {
        margin-top: .5em;
        font-size: 4.8vw;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }


.l-gnav__helpnav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 35px;
        padding-top: 25px;
        border-top: 1px solid rgba(255,255,255,.3)
    }
.l-gnav__helpnav [class*=" icon-"],.l-gnav__helpnav [class^=icon-] {
    opacity: .6
}

.l-gnav__concept-movie {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 30px
    }



.l-gnav__concept-movie a {
    position: relative;
    display: inline-block
}

.l-gnav__concept-movie__img img {
    vertical-align: bottom
}

.l-gnav__concept-movie__text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 75px 10px 40px;
    color: #fff;
    background: rgba(27,36,74,.4);
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease
}

.l-gnav__concept-movie__text__ja {
    font-size: 18px;
    letter-spacing: .1em
}

.l-gnav__concept-movie__text__en {
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 10px;
    opacity: .6
}

.l-gnav__concept-movie__text:after {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e903';
    position: absolute;
    top: calc(50% - 13px);
    right: 25px;
    font-size: 25px
}

a:hover .l-gnav__concept-movie__text {
    background: rgba(0,0,0,.2)
}

.l-gnav__contact {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 40px
    }

.l-gnav__contact a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 40px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.3);
    line-height: 1.8;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.l-gnav__contact a {
        padding: 18px 30px
    }

.l-gnav__contact a:after,.l-gnav__contact__ja,.l-gnav__tauacjp a {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.l-gnav__contact a:after {
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    right: 40px;
    width: 16px;
    height: 5px;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    opacity: .6;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.l-gnav__contact a:hover {
    border-color: rgba(255,255,255,.6)
}

.l-gnav__contact a:hover:after,a:hover .l-gnav__contact__ja {
    opacity: 1
}

.l-gnav__contact__ja {
    margin-bottom: .5em;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .1em;
    opacity: .8
}

@media (min-width:0px) {
    .l-gnav__contact__ja {
        margin-bottom: 0
    }
}

.l-gnav__contact__en {
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 10px;
    letter-spacing: .08em;
    opacity: .6
}

.l-gnav__tauacjp {
    -webkit-box-ordinal-group: 98;
    -ms-flex-order: 97;
    order: 97;
    margin-top: 25px
}

.l-gnav__tauacjp a {
    color: rgba(255,255,255,.8);
    font-size: 12px;
    text-decoration: none
}

.l-gnav__tauacjp a:hover {
    color: #fff;
    text-decoration: underline
}

.l-gnav__tauacjp .icon-blank {
    display: inline-block
}

.l-gnav__copyright {
    position: absolute;
    bottom: 18px;
    left: 40px;
    font-size: 12px;
    letter-spacing: .06em;
    color: rgba(255,255,255,.4);
    line-height: 2
}

@media (min-width:0px) {
    .l-gnav__copyright {
        position: static;
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
        margin-top: 25px;
        font-size: 10px
    }
}

.l-gnav__sns {
    margin-top: 25px
}

@media (min-width:0px) {
    .l-gnav__sns {
        -webkit-box-ordinal-group: 99;
        -ms-flex-order: 98;
        order: 98
    }
}

.l-gnav__items {
        display: block;
        padding: 0;
        max-width: 324px;
    }

@media (min-width:0px) {
    .l-gnav__items {
        display: block;
        padding: 0
    }
}

.l-gnav__items a {
    color: inherit;
    text-decoration: none
}

.l-gnav__items a:hover {
    color: #6ccff6
}

.l-gnav__items__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 13vh;
    flex: 1 1 13vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.35;
    position: relative;
}
.l-gnav__items__item .subnavbtn{position: absolute;right: 0;top: 0;width: 60px;height: 45px;background: url(../images/icon_jia_w.png) center top 4px no-repeat;background-size: 22px;z-index: 2;}
.l-gnav__items__item.open .subnavbtn{background-image: url(../images/icon_jian_w.png);background-position: center top 14px;}


.l-gnav__items__item:not(:last-child) {
    margin-bottom: 3vh
}

.l-gnav__items__item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (min-width:0px) {
    .l-gnav__items__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .l-gnav__items__item:not(:last-child) {
        margin-bottom: 15px
    }
}

.l-gnav__items__item>a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    z-index: 1;
}

.l-gnav__items__item__ja {
    display: block;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 300;
    line-height: 1.4;margin-bottom: 4px;
}

.l-gnav__items__item__ja>span {
    font-size: 12px
}

@media (min-width:0px) {
    .l-gnav__items__item__ja {
        font-size: 18px
    }

    .l-gnav__items__item__ja>span {
        font-size: 10px
    }
}

.l-gnav__items__item__en {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    letter-spacing: .06em;
    opacity: .6;
    text-transform: uppercase;
}

@media (min-width:0px) {
    .l-gnav__items__item__en {
        font-size: 12px;
        margin-bottom: 0;
        color: #fff;
    }
}

.l-gnav__items__item__sub {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    position: relative;
    padding-top: 5px;
    padding-left: 45px;
    font-size: 14px;
    letter-spacing: .1em;
    height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

@media (min-width:0px) {
    .l-gnav__items__item__sub {
        
        padding-top: 0
    }
}
.l-gnav__items__item.open .l-gnav__items__item__sub{margin-top: 15px;margin-bottom: 10px;}

.l-gnav__items__item__sub:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 32px;
    height: 1px;
    background: rgba(193,193,193,.4)
}

@media (min-width:0px) {
    .l-gnav__items__item__sub:before {
        top: 8px
    }
}

.l-gnav__items__item__sub__item {
    margin-bottom: 20px
}

.l-gnav__items__item__sub__item:last-child {
    margin-bottom: 0
}

@media (min-width:0px) {
    .l-gnav__items__item__sub__item {
        margin-bottom: 10px
    }

    .l-gnav__items__item__sub__item:last-child {
        margin-bottom: 0
    }
}

/*????ά?*/
#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #7F7F7F; z-index:3000;}
#lhCode>h2{height:36px; line-height:36px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode>.ewm{width:220px; height:220px; padding:20px;}
#lhCode>.ewm canvas{width:100%; height:100%;}